<template>
  <div>
    <h1>Home</h1>
    <div>
      <!-- 1.字符串 -->
      <!-- <router-link to='/home/news'>news</router-link>
      <router-link to='/home/music'>music</router-link> -->
      <!-- 2.对象，通过path属性 -->
      <!-- <router-link :to='{path:"/home/news"}'>news</router-link>
      <router-link :to='{path:"/home/music"}'>music</router-link> -->
      <!-- 3.对象，通过name属性 -->
      <router-link :to='{name:"b"}'>news</router-link>
      <router-link :to='{name:"a"}'>music</router-link>
    </div>
    <!-- 二级路由存放位置 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Home",
  
};
</script>

<style>
</style>